<!--
*@Author: QWP
*@Description: 地图图例
*@Date: 2024-11-21 14:24:16
-->
<template>
  <a-row style="position: absolute; bottom: 30px; width: 100%"
    justify="end"
    :gutter="30" >
    <a-col v-for="item in leagens" >
      <a-space :size="10" >
        <img :src="item.img" width="40"/>
        <span >{{ item.label }}</span>
      </a-space>
    </a-col>
  </a-row>
</template>

<script lang='ts' setup>
import { ref, reactive, computed, onMounted } from 'vue' 
import { storeToRefs } from 'pinia'
import { useRoute, useRouter } from 'vue-router'
import { urlFile, numberC } from '@/util/common';

const leagens = [
  { label: '队伍信息', img: urlFile('map/flag/map_team2.png') },
  { label: '非煤企业', img: urlFile('map/flag/flag_no_coal.png') },
  { label: '安全企业生产', img: urlFile('map/flag/flag_security.png') },
  { label: '煤矿', img: urlFile('map/flag/flag_coal.png') },
]

</script>

<style lang='scss' scoped>
</style>